<!doctype html>
<html lang="en">
<head>
	<title>Watermark Demo</title>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="watermark.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#loginform label").watermark();
	})
	</script>
	<style>
		body {
			font-size: 68.5%;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		.ui-watermark-container {
			position: relative;
		}
		.ui-watermark-label {
			position: absolute;
			cursor: text;
		}
	</style>
</head>
<body>

<form id="loginform" autocomplete="off">
	<fieldset>
		<legend>Login</legend>
		<div>
		    <label for="email">E-Mail Address</label>
	    	<input type="text" id="email" name="email" />
		</div>
		<div>
		    <label for="password">Your password</label>
	    	<input type="password" id="password" name="password" />
		</div>
		<input type="submit" />
	</fieldset>
</form>

</body>
</html>
